<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" href="images/favicon.ico" type="image/ico" />

  <title>HRs!</title>

  <!-- Bootstrap -->
  <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- NProgress -->
  <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
  <!-- bootstrap-daterangepicker -->
  <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">

  <!-- Custom Theme Style -->
  <link href="../build/css/custom.min.css" rel="stylesheet">
  </script>


</head>

<body class="nav-md">
  <div class="container body">
    <div class="main_container">
      <div class="col-md-3 left_col">
        <div class="left_col scroll-view">
          <div class="navbar nav_title" style="border: 0;">
            <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>ALBATEL</span></a>
          </div>

          <div class="clearfix"></div>

          <!-- menu profile quick info -->
          <div class="profile clearfix">
            <div class="profile_pic">
              <img src="images/img.jpg" alt="..." class="img-circle profile_img">
            </div>
            <div class="profile_info">
              <span>Welcome,</span>
              <h2 id="userNamesOne">John Doe</h2>
            </div>
          </div>
          <!-- /menu profile quick info -->

          <br />

          <!-- sidebar menu -->
          <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
            <div class="menu_section">
              <h3>Questionnaire</h3>
              <ul class="nav side-menu">
                <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="index.html">Dashboard</a></li>
                  </ul>
                </li>
                <li><a><i class="fa fa-globe"></i> Policies <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="form_wizards.html">Part 1</a></li>
                    <li><a href="form_upload.html">Part 2</a></li>
                  </ul>
                </li>
                <li><a><i class="fa fa-line-chart"></i> Development<span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="chartjs.html">Part 1</a></li>
                    <li><a href="chartjs2.html">Part2</a></li>
                  </ul>
                </li>
                <li><a><i class="fa fa-sitemap"></i>Employee<span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="fixed_sidebar.html">Part 1</a></li>
                    <li><a href="fixed_footer.html">Part 2</a></li>
                  </ul>
                </li>
              </ul>
            </div>
            <div class="menu_section">
              <h3>User</h3>
              <ul class="nav side-menu">
                <li><a><i class="fa fa-info-circle"></i> Corporate Information
                    <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="viewInformation.html">View Information</a></li>
                    <li><a href="editInformation.html">Edit Information</a></li>
                  </ul>
                </li>
                <li><a><i class="fa fa-file-text"></i> Report <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="viewReport.html">View</a></li>

                  </ul>
                </li>
              </ul>
            </div>

          </div>
          <!-- /sidebar menu -->


        </div>
      </div>

      <!-- top navigation -->
      <div class="top_nav">
        <div class="nav_menu">
          <div class="nav toggle">
            <a id="menu_toggle"><i class="fa fa-bars"></i></a>
          </div>
          <nav class="nav navbar-nav">
            <ul class=" navbar-right">
              <li class="nav-item dropdown open" style="padding-left: 15px;">
                <a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true" id="navbarDropdown"
                  data-toggle="dropdown" aria-expanded="false">
                  <img src="images/img.jpg" alt=""><span id="userNamesTwo">John Doe</span>
                </a>
                <div class="dropdown-menu dropdown-usermenu pull-right" aria-labelledby="navbarDropdown">
                  <a class="dropdown-item" href="viewInformation.html"> Profile</a>
                  <a class="dropdown-item" href="editInformation.html">
                    <span>Edit</span>
                  </a>
                  <a class="dropdown-item" href="https://albatel.ie/contact-us/">Contact us</a>
                  <a class="dropdown-item" href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
                </div>
              </li>

            </ul>
          </nav>
        </div>
      </div>
      <!-- /top navigation -->

      <!-- page content -->
      <div class="right_col" role="main">
        <div class="">
          <div class="page-title">
            <div class="title_left">
              <h3>Corporate Information</h3>
            </div>

            <div class="title_right">
              <div class="col-md-5 col-sm-5  form-group pull-right top_search">
                <!--                  <div class="input-group">-->
                <!--                    <input type="text" class="form-control" placeholder="Search for...">-->
                <!--                    <span class="input-group-btn">-->
                <!--                      <button class="btn btn-secondary" type="button">Go!</button>-->
                <!--                    </span>-->
                <!--                  </div>-->
              </div>
            </div>
          </div>

          <div class="clearfix"></div>

          <div class="row">
            <div class="col-md-12 col-sm-12 ">
              <div class="x_panel">
                <div class="x_title">
                  <!--                    <h1>-->
                  <!--                      Alibaba-->
                  <!--                    </h1>-->
                  <ul class="nav navbar-right panel_toolbox">
                    <!--                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>-->
                    <!--                      </li>-->
                    <!--                      <li class="dropdown">-->
                    <!--                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>-->
                    <!--                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">-->
                    <!--                            <a class="dropdown-item" href="#">Settings 1</a>-->
                    <!--                            <a class="dropdown-item" href="#">Settings 2</a>-->
                    <!--                          </div>-->
                    <!--                      </li>-->
                    <!--                      <li><a class="close-link"><i class="fa fa-close"></i></a>-->
                    <!--                      </li>-->
                  </ul>
                  <div class="clearfix">
                    <h1>
                      Alibaba
                    </h1>
                  </div>
                </div>
                <!--image-->

                <!--information-->
                <div class="col-md-9 col-sm-9 ">

                  <!--detail information-->
                  <div class="info-div" role="tabpanel" data-example-id="togglable-tabs">
                    <!--company information-->
                    <h2> Company Information</h2>
                    <div class="  table">
                      <table class="table table-striped">
                        <tbody>
                          <tr>
                            <td style="width: 30%"><i class="fa fa-bars"></i>&nbspCompany Name</td>
                            <td id="Name">Alibaba</td>
                          </tr>
                          <tr>
                            <td><i class="fa fa-puzzle-piece"></i>&nbspBusiness Sector</td>
                            <td id="BusinessSector">E-commerce, online payment, B2B online trading market and cloud
                              computing business</td>
                            </td>
                          </tr>
                          <tr>
                            <td><i class="fa fa-map-marker user-profile-icon"></i>&nbspNumber of Employees</td>
                            <td id="NumberofEmployees">103699</td>
                          </tr>
                          <tr>
                            <td><i class="fa fa-phone-square"></i>&nbspCompany Location</td>
                            <td id="CompanyLocation">969 Wzhou City, Zhejiang Province, China</td>

                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>

                  <!--contact inforamtion-->
                  <div class="info-div" role="tabpanel" data-example-id="togglable-tabs">
                    <h2> Contact Information</h2>
                    <div class="  table">
                      <table class="table table-striped">
                        <tbody>
                          <tr>
                            <td style="width: 30%"><i class="fa fa-bars"></i>&nbspContact Name</td>
                            <td id="ContactName">Zhangsan</td>
                          </tr>
                          <tr>
                            <td><i class="fa fa-puzzle-piece"></i>&nbspContact Job Title</td>
                            <td id="ContactJobTitle">E-commerce</td>
                          <tr>
                            <td><i class="fa fa-envelope-o "></i>&nbspContact Email</td>
                            <td id="ContactEmail">zhangsan@alibaba-inc.com</td>
                          </tr>
                          <tr>
                            <td><i class="fa fa-phone-square"></i>&nbspContact Phone</td>
                            <td id="ContactPhone">0571-85022088</td>
                          </tr>

                        </tbody>
                      </table>
                    </div>
                  </div>

                  <!--                      <div class="info-div" role="tabpanel" data-example-id="togglable-tabs">-->
                  <!--&lt;!&ndash;                        <ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">&ndash;&gt;-->
                  <!--&lt;!&ndash;                          <li role="presentation" class="active"><a href="#tab_content1" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true">Recent Activity</a>&ndash;&gt;-->
                  <!--&lt;!&ndash;                          </li>&ndash;&gt;-->
                  <!--&lt;!&ndash;                          <li role="presentation" class=""><a href="#tab_content2" role="tab" id="profile-tab" data-toggle="tab" aria-expanded="false">Projects Worked on</a>&ndash;&gt;-->
                  <!--&lt;!&ndash;                          </li>&ndash;&gt;-->
                  <!--&lt;!&ndash;                          <li role="presentation" class=""><a href="#tab_content3" role="tab" id="profile-tab2" data-toggle="tab" aria-expanded="false">Profile</a>&ndash;&gt;-->
                  <!--&lt;!&ndash;                          </li>&ndash;&gt;-->
                  <!--&lt;!&ndash;                        </ul>&ndash;&gt;-->

                  <!--                      </div>-->

                  <div class="button-div"> <a class="btn btn-success" onclick="location.href='editInformation.html'"><i
                        class="fa fa-edit m-right-xs"></i>&nbsp&nbspEdit Information</a>
                    <br />
                  </div>

                </div>

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /page content -->

    <!-- footer content -->
    <footer>
      <div class="pull-right">
        To learn more - Go to the website <a href="https://albatel.ie/">ALBATEL</a>
      </div>
      <div class="clearfix"></div>
    </footer>
    <!-- /footer content -->
  </div>
  </div>

  <!-- jQuery -->
  <script src="../vendors/jquery/dist/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="../vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  <!-- FastClick -->
  <script src="../vendors/fastclick/lib/fastclick.js"></script>
  <!-- NProgress -->
  <script src="../vendors/nprogress/nprogress.js"></script>
  <!-- morris.js -->
  <script src="../vendors/raphael/raphael.min.js"></script>
  <script src="../vendors/morris.js/morris.min.js"></script>
  <!-- bootstrap-progressbar -->
  <script src="../vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
  <!-- bootstrap-daterangepicker -->
  <script src="../vendors/moment/min/moment.min.js"></script>
  <script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>

  <!-- Custom Theme Scripts -->
  <script src="../build/js/custom.min.js"></script>
  <script src="./js/utils.js"></script>
  <script>

    let user = getUser();
    let account = user.account;

    let datas = rqeuest("/user/fetch/" + account, 'GET');
    // if (datas.code != 0)
    //   alert(datas.message);

    console.log(datas.data[0]);
    document.getElementById('ContactPhone').innerHTML = datas.data[0].contact_phone ? datas.data[0].contact_phone : '';
    document.getElementById('ContactEmail').innerHTML = datas.data[0].contact_email ? datas.data[0].contact_email : '';
    document.getElementById('ContactJobTitle').innerHTML = datas.data[0].contact_job ? datas.data[0].contact_job : '';
    document.getElementById('ContactName').innerHTML = datas.data[0].contact_name ? datas.data[0].contact_name : '';
    document.getElementById('CompanyLocation').innerHTML = datas.data[0].location ? datas.data[0].location : '';
    document.getElementById('NumberofEmployees').innerHTML = datas.data[0].employees ? datas.data[0].employees : '';
    document.getElementById('BusinessSector').innerHTML = datas.data[0].business_sector ? datas.data[0].business_sector : '';
    document.getElementById('Name').innerHTML = datas.data[0].company ? datas.data[0].company : '';


  </script>


</body>

</html>